@import '@/lib/reset.scss';
.editcon {
  @include rect(100%,400px);
  margin:0 auto;
  padding:0 10%;
  background:#FBFCFE;
  overflow: hidden;
  .edit_left{
    @include rect(170px,270px);
    background: #FFFFFF;
    border: 1px solid #F8F8F8;
    border-radius: 8px;
    padding: 0 10px;
    float: left;
    margin-top:40px;
    .msgtop{
      h3{
        line-height: 38px;
        position: relative;
        font-size: 14px;
        font-weight: 400;
        color: #31363E;
        border-bottom: 1px solid #f8f8f8;
        padding-left: 30px;
      }
    }
    .msgitem{
      text-align: center;
      font-size: 13px;
      line-height: 30px;
      ul {
        li{
          a{
            color:#74777A;
            &.active{
              color: #e30077;
            }
          }
        }
      }
    }
  }
  .edit_right{
    @include rect(700px,auto);
    box-shadow: 0 -2px 10px 0 rgba(160,180,222,0.5);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 0 30px 50px;
    float: left;
    background: #fff;
    margin-top:40px;
    margin-left:20px;
    h3{
      padding: 15px 0;
      border-bottom: 1px solid #efefef;
      font-size: 16px;
      font-weight: 400;
    }
    .setsafe{
      padding: 0 8px;
      dl{
        width: 100%;
        overflow: hidden;
        padding: 14px 0;
        line-height: 26px;
        border-bottom: 1px solid #efefef;
        dt{
          float: left;
          font-size: 14px;
          vertical-align: top;
          span{
            vertical-align: middle;
            display: inline-block;
            width: 80px;
          }
        }
        dd{
          float: left;
          color: #8F9294;
          border-left: 1px solid #efefef;
          padding-left: 19px;
          width: 500px;
          span{
            float: left
          }
          a{
            color: #e30077;
            float: right;
          }
        }
      }
      .nobd{
        border-bottom: 0;
        border:0;
      }
    }
  }
}